.cars_List_Item:nth-child(2n-1) {
  background: var(--Gray-G99, #f2f2f2);
  transition: 0.3s;
}

.cars_List_Item:nth-child(2n) {
  background: var(--Background, #f9f9f9);
  transition: 0.3s;
}

.cars_List_Item:hover {
  box-shadow: 0 2px 48px 0 rgba(18, 18, 18, 0.06);
  z-index: 2;
  position: relative;
}

.cars_List_Item:nth-child(2n-1):hover {
  box-shadow: 0 2px 48px 0 rgba(18, 18, 18, 0.09);
}

.cars_List_Item .container {
  display: flex;
  align-items: center;
}

.cars_List_Item_Image {
  flex: 66.66666%;
  position: relative;
  z-index: 1;
}

@media (min-width: 991px) {
  .cars_List_Item_Image::before {
    content: "";
    position: absolute;
    top: 0;
    left: -60%;
    width: 150%;
    height: 100%;
    background: url(/Portals/_default/Skins/ez-skin/assets/images/cars-list-bg.png)
      no-repeat center / cover;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
  }

  body.rtl .cars_List_Item_Image::before {
    left: unset;
    right: -60%;
  }

  .cars_List_Item:hover .cars_List_Item_Image::before {
    opacity: 1;
  }

  .cars_List_Item:hover .cars_List_Item_Image p {
    color: var(--Gray-G10) !important;
  }
}

.cars_List_Item_Image p {
  position: absolute;
  top: 40px;
  left: 0;
  width: max-content;
  transition: 0.3s;
}

body.rtl .cars_List_Item_Image p {
  left: unset;
  right: 0;
}

.cars_List_Data {
  flex: 33.33333%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cars_List_Data p {
  padding-bottom: 52px;
  border-bottom: 1px solid #d1d1d1;
}

@media (max-width: 991px) {
  .cars_List_Item .container {
    flex-direction: column;
    gap: 16px;
    padding-inline: 12px;
  }
}

/* -------------------- Cars Inner Start ---------------------- */

.cars_Inner_Top_Wrapper {
  background: url(/DesktopModules/DnnForge\ -\ NewsArticles/templates/EZ_Cars/images/topper-background.png)
    no-repeat center / cover;
  height: 754px;
  display: flex;
  align-items: end;
}

.cars_Inner_Top_Wrapper .container {
  display: flex;
  align-items: center;
  margin-bottom: 130px;
  gap: 30px;
}

.cars_Inner_Top_Image {
  flex: 0 0 calc(60% - 15px);
  position: relative;
}

.cars_Inner_Top_Tag {
  color: var(--Primary-P20, #003556);
  text-align: center;
  font-size: 64px;
  font-weight: 400;
  line-height: normal;
  opacity: 0.5;
  width: max-content;
  position: absolute;
  top: 0;
  left: 0;
}

body.rtl .cars_Inner_Top_Tag {
  right: 0;
  left: unset;
}

.cars_Inner_Top_Data {
  flex: 0 0 calc(40% - 15px);
  background: var(--Gray-G100, #fff);
  padding: 16px 36px 32px 32px;
}

.cars_Inner_Top_Data_Type {
  color: var(--Gray-G50, #7a7a7a);
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 6px;
}

.cars_Inner_Top_Data_Model {
  color: var(--Gray-G30, #4f4f4f);
  font-size: 24px;
  font-weight: 400;
  line-height: 48px;
  margin-bottom: 8px;
}

.rating_Wrapper {
  margin-bottom: 16px;
}

.cars_Inner_Top_Data_Features {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-inline-start: 10px;
  margin-bottom: 24px;
}

.cars_Inner_Top_Data_Features li {
  color: var(--Gray-G50, #7a7a7a);
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  position: relative;
}

.cars_Inner_Top_Data_Features li::before {
  content: "";
  height: 16px;
  width: 1px;
  border-radius: 3px;
  background: var(--Primary-P40, #005285);
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}

body.rtl .cars_Inner_Top_Data_Features li::before {
  left: unset;
  right: -10px;
}

.cars_Inner_Top_Data_Links {
  display: flex;
  align-items: center;
  gap: 24px;
}

.cars_Inner_Top_Data_Links_Btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px 20px;
  color: var(--Primary-P20, #003556) !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  transition: 0.3s;
  white-space: nowrap;
}

.cars_Inner_Top_Data_Links_Btn:hover {
  color: var(--Gray-G10) !important;
}

.cars_Inner_Top_Data_Links_Btn:hover .ezIcon {
  --icon-color: var(--Gray-G10) !important;
}

.cars_Inner_Speednshit_Wrapper {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 50%;
  margin-inline: auto;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 4px 72px 0 rgba(18, 18, 18, 0.08);
  padding-block: 16px;
  margin-top: -28px;
}

.cars_Inner_Speed_Item {
  padding-top: 8px;
  border-top: 1px solid var(--Gray-G95, #e4e4e4);
  width: 148px;
}

body.rtl .cars_Inner_Speed_Item {
  width: 230px;
}

.cars_Inner_Info_Tabs_Wrapper {
  justify-content: space-around;
  margin-bottom: 96px;
  align-items: center;
  margin-top: 96px;
}

.cars_Inner_Info_Tabs_Wrapper .guide_Download_Btn {
  width: 230px;
  margin-top: 26px;
  padding: 4px 24px;
  margin-bottom: 68px;
}

.cars_Inner_Info_Tabs_Wrapper .contact_Data_Item_Box {
  padding: 0;
}

.contact_Data_Item p {
  direction: rtl;
}

.cars_Inner_Info_Tabs {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 40px;
  padding-inline-start: 20px;
}

.cars_Inner_Tabs_Box .tab-content {
  height: 338px;
}

.cars_Inner_Tabs_Slider_Wrapper {
  position: relative;
}

.cars_Inner_Info_Tab_Item button {
  padding: 8px 16px;
  background-color: transparent;
  transition: 0.3s;
  border-radius: 0 !important;
  position: relative;
}

.cars_Inner_Info_Tab_Item button::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 2px;
  border-radius: 6px 6px 0 0;
  background: var(--Primary-P30, #00446d);
  transition: 0.3s;
  opacity: 0;
  overflow: hidden;
}

.cars_Inner_Info_Tab_Item button.active {
  background-color: var(--Gray-G99) !important;
  color: var(--Primary-P30) !important;
}

.cars_Inner_Info_Tab_Item button.active::before {
  bottom: 0;
  opacity: 1;
}

.cars_Inner_Gallery_Frame {
  border: 1px solid var(--Gray-G99, #f2f2f2);
  background: var(--Gray-G99, #f2f2f2);
  box-shadow: 0 4px 32px 0 rgba(18, 18, 18, 0.05);
}

.cars_Inner_Gallery_Wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.cars_Inner_Gallery_Wrapper .slick-list {
    width: 100% !important;
}

.cars_Inner_Image_Item {
  height: 410px;
}

.cars_Inner_Image_Item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.cars_Inner_Tabs_Slider_Arrows {
  width: 95%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-top: 24px;
  position: absolute;
}

.cars_Inner_Tabs_Slider_Arrows .slick-arrow:not(.slick-disabled) {
  border-radius: 0 !important;
}

.cars_Inner_Tabs_Slider_Arrows .slick-arrow:not(.slick-disabled):hover {
  background: var(--Gray-G99, #f2f2f2) !important;
}

.cars_Inner_Tabs_Slider_Arrows .slick-arrow:not(.slick-disabled):hover::before {
  background: var(--Primary-P30) !important;
}

.cars_Inner_Paragraph_Image {
  overflow: hidden;
}

.cars_Inner_Paragraph_Image video {
  height: 100% !important;
  width: 100%;
}

.cars_Inner_Paragraph_Wrapper {
  align-items: center;
  margin-bottom: 96px;
}

.cars_Inner_Paragraph_Info h2 {
  color: var(--Gray-G30, #4f4f4f);
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 56px !important;
  margin-bottom: 24px !important;
}

.cars_Inner_Paragraph_Info p {
  color: var(--Gray-G50, #7a7a7a);
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 16px;
}

.cars_Inner_Paragraph_Info ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cars_Inner_Paragraph_Info ul li {
  position: relative;
}

.cars_Inner_Paragraph_Info ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -16px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--Gray-G10);
}

body.rtl .cars_Inner_Paragraph_Info ul li::before {
  left: unset;
  right: -16px;
}

.cars_Inner_3d_Wrapper {
  background: linear-gradient(180deg, #fbfbfb 0%, #e6e6e6 50%, #f7f7f7 100%);
  min-height: 508px;
  padding-top: 46px;
  margin-bottom: 96px;
  scroll-margin-top: -130px;
}

.cars_Inner_3d_Wrapper > .container {
  min-height: 748px;
  position: relative;
  background: url(/DesktopModules/DnnForge\ -\ NewsArticles/templates/EZ_Cars/images/Ellipse.png)
    no-repeat center / cover;
  background-position-y: 6px;
}

/* .cars_Inner_3d_Wrapper>.container::before {
    content: "";
    background: url(/DesktopModules/DnnForge\ -\ NewsArticles/templates/EZ_Cars/images/Ellipse.png) no-repeat center / cover;
    height: 160px;
    width: 100%;
    position: absolute;
    top: 66%;
    left: 50%;
    transform: translate(-50%, -50%);
} */

.cars_Inner_3d_Wrapper .container model-viewer {
  width: 100%;
  height: 748px;
}

.threed_Info_Box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin-bottom: -70px;
}

.cars_Inner_Related_Box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 992px) {
  .cars_Inner_Related_Box {
    grid-template-columns: repeat(1, 1fr);
  }
}

.cars_Inner_Related_Wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.cars_Inner_Related_Item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cars_Inner_Related_Image {
  border: 1px solid var(--Gray-G95);
  transition: 0.3s;
}

.cars_Inner_Related_Item:hover .cars_Inner_Related_Image {
  box-shadow: 0 8px 16px 0 rgba(18, 18, 18, 0.2);
}

.cars_Inner_Related_Image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cars_Inner_Related_Item_Title a {
  transition: 0.3s;
}

.cars_Inner_Related_Item:hover .cars_Inner_Related_Item_Title a {
  color: var(--Primary-P40) !important;
}

@media (max-width: 992px) {
  .cars_Inner_Top_Wrapper .container {
    flex-direction: column;
  }
  .cars_Inner_Top_Wrapper {
    height: unset;
    padding-top: 150px;
  }
  .cars_Inner_Top_Tag {
    top: -30px;
    left: unset;
    right: 16px;
  }
  .cars_Inner_Top_Data_Links {
    gap: 12px;
  }
  .cars_Inner_Speednshit_Wrapper {
    width: 94%;
    padding-inline: 12px;
  }
  .cars_Inner_Speed_Item {
    width: unset;
  }

  .cars_Inner_Speed_Item p:last-child {
    font-size: 12px;
  }
  .cars_Inner_Tabs_Box,
  .cars_Inner_Info_Tabs_Wrapper {
    padding-inline-start: 12px !important;
  }

  .cars_Inner_Info_Tabs_Wrapper,
  .cars_Inner_Paragraph_Wrapper {
    /* padding-inline-end: 0 !important; */
    margin-inline: auto;
  }
  .cars_Inner_Tabs_Slider_Wrapper {
    margin-bottom: 114px;
  }

  .cars_Inner_Paragraph_Wrapper {
    gap: 40px;
  }
  .cars_Inner_3d_Wrapper > .container {
    min-height: 240px;
    background-size: contain;
    background-position-y: 90%;
  }
  .cars_Inner_3d_Wrapper .container model-viewer {
    height: 240px;
  }
  .threed_Info_Box {
    margin-bottom: 4px;
  }
  .cars_Inner_Image_Item {
    height: 232px;
  }
  .cars_Inner_Tabs_Slider_Arrows {
    width: 94%;
  }
  .cars_Inner_Info_Tabs {
    justify-content: center;
    gap: 6px;
    flex-wrap: nowrap;
    padding-inline-start: 0 !important;
  }
  .cars_Inner_Top_Data {
    width: 98%;
  }
  .cars_Inner_Top_Data_Links {
    justify-content: center;
  }

  .cars_Inner_Top_Data_Links_Btn {
    padding: 8px;
  }
}
